<html>

<head>
    <meta charset="utf-8" />
    <!-- 可见视口和布局视口一致 -->
    <meta name="viewport"
        content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <!-- 充值基本样式 -->
    <link rel="stylesheet" href="./css/reset.css">
    <!-- 引入swiper轮播 -->
    <link rel="stylesheet" href="./css/swiper.min.css">
    <link rel="stylesheet" href="./css/index.css">
    <!-- 引入淘宝方案 -->
    <script src="./js/lib-flexible-min.js"></script>
    <script src="./js/swiper.min.js"></script>
</head>

<body>

    <!-- 头部 -->
    <div class="header">
        <div class="header_img">
            <img src="./images/01.jpg" alt="">
        </div>
        <div class="header_span"><span>司机首页</span></div>
    </div>
    <!-- 轮播图 -->
    <div class="lunbo">
        <img src="./images/02.jpg" />
        <div class="lb">
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide"><img src="./images/04.jpg" alt=""></div>
                        <div class="swiper-slide"><img src="./images/05.jpg" alt=""></div>
                        <div class="swiper-slide"><img src="./images/06.jpg" alt=""></div>
                        <div class="swiper-slide"><img src="./images/07.jpg" alt=""></div>
                    </div>
                    <!-- Add Pagination -->
                    <div class="swiper-pagination"></div>
                    </div>
        </div>
    </div>
    <!-- 商城 -->


     <div class="gg">
            <div class="gg_sc">
                <h1>商城</h1>
                <div class="gg_gongg">
                    <span>公告</span>
                </div>
            </div>
        <div class="gg_tbquan">
            <div class="gg_y">
                <span>通知</span>
            </div>
            <div class="gg_e">
                <span>公告</span>
            </div>
        </div>
            <div class="gg_data">
                <div  class='tongzhitext'>
                    <text class="tongzhi-text">商城成功孵化，首次口口，希望大家喜欢双十一啦啦啦</text>
                    <text class="tongzhi-text">口祝商城首次成功上口，老板口声说好，开业大吉</text>
                </div>
            </div>
        </div>
        
    </div>
    </div>
    <!-- main -->
    <div class="main">
        <div class="main_item">
            <div class="item_tu">
                <img src="./images/1.jpg" alt="">
            </div>
            <div class="item_p">找车</div>
        </div>
        <div class="main_item">
            <div class="item_tu">
                <img src="./images/2.jpg" alt="">
            </div>
            <div class="item_p">找货</div>
        </div>
        <div class="main_item">
            <div class="item_tu">
                <img src="./images/3.jpg" alt="">
            </div>
            <div class="item_p">司机兼职</div>
        </div>
        <div class="main_item">
            <div class="item_tu">
                <img src="./images/4.jpg" alt="">
            </div>
            <div class="item_p">委托书</div>
        </div>
    </div>
    <div class="main">
        <div class="main_item">
            <div class="item_tu">
                <img src="./images/5.jpg" alt="">
            </div>
            <div class="item_p">附近服务</div>
        </div>
        <div class="main_item">
            <div class="item_tu">
                <img src="./images/6.jpg" alt="">
            </div>
            <div class="item_p">二手车</div>
        </div>
        <div class="main_item">
            <div class="item_tu">
                <img src="./images/7.jpg" alt="">
            </div>
            <div class="item_p">导航</div>
        </div>
        <div class="main_item">
            <div class="item_tu">
                <img src="./images/8.jpg" alt="">
            </div>
            <div class="item_p">推广</div>
        </div>
    </div>
    <!-- 灰色 -->
    <div class="hui"></div>
    <!--热门 -->
    <div class="rm">
        <div class="rm_l">
            <div class="rm_h"></div>
            热门活动
        </div>
        <div class="rm_r">
            为您精挑细选
            <img src="./images/yjt.jpg" alt="">
        </div>
    </div>
    <!-- 图片 -->
    <div class="tupian">
        <img src="./images/08.jpg" alt="">
    </div>
    <div class="tupian">
        <img src="./images/09.jpg" alt="">
    </div>
</body>
<script>
        var swiper = new Swiper('.swiper-container', {
          pagination: {
            el: '.swiper-pagination',
          },
          
        });
      </script>
</html>